<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
   
    <link rel="stylesheet" href="lib/mui/css/mui.css">
    <link rel="stylesheet" href="css/paicai.css">
    <title>Document</title>
</head>

<body>
    <!-- 头部白菜价 -->
    <div class="header_low">白菜价——淘宝优惠卷</div>

    <!-- 内容区 -->
    <div class="low_content" id="conten">
        <!-- mui的选项卡 -->
        <div id="segmentedControl" class="mui-segmented-control bordert">
            <a class="mui-control-item " href="#item1">
                待办公文（8）
            </a>
            <a class="mui-control-item" href="#item2">
                已办公文
            </a>
            <a class="mui-control-item" href="#item3">
                全部公文
            </a>
        </div>
        <!-- 头部 -->
        <div class="low_pict">
            <div id="item1" class="mui-control-content mui-active">1
                <ul>
                    <li>
                        <a href="javasscript:;" class="cont_left">
                            <img src="" alt="">
                        </a>
                        <a href="javasscript:;" class="cont_center">
                         
                        </a>
                        <a href="javasscript:;" class="cont_right">
                            下单链接
                        </a>
                    </li>
                </ul>

            </div>
        </div>


    </div>


    <!-- 底部 -->
    <div class="low_foot">
        <div class="low_foot1">
            <a href="javascript:;">登陆</a>
            <a href="javascript:;">注册</a>
            <a href="javascript:;" class="backtrack">返回顶部</a>
        </div>
        <div class="bottom">
            <p> <a href="javascript:;">手机app下载</a> 慢慢卖</p>
            <p>n.miamiam</p>
        </div>
    </div>


</body>
<!-- 模板引擎开始 -->
<script type="text/html" id="paiCai">
 <!-- 头部 -->
    <div class="low_content">
            <!-- mui的选项卡 -->
            <div id="segmentedControl" class="mui-segmented-control">
                {{each arr item index}}
                <a class="mui-control-item  {{index==0?'mui-active':''}}" href="#item{{item.titleId+1}}" data-num="{{index}}" >
                  {{item.title}}
                </a>
                {{/each}}
            </div>
           <!-- 要根据头部生成 -->
           {{each arr item index}}
      
                <div id="item{{index}}" class="mui-control-content mui-active">
                   
    
                </div>
            

          
           {{/each}}
</script> 
<script type="text/html" id="low_data">



            <div id="item1" class="mui-control-content mui-active">
                    <ul>
        {{each obj item index}}
                            <li>
                               <a href="javasscript:;" class="cont_left">
                                 {{@ item.productImg}}
                               </a>
                               <a href="javasscript:;" class="cont_center">
                                
                                {{@ item.productName}}<br>   <br>
                               
                                {{@ item.productPrice}}<br><br>
                              <i>点击领优惠卷</i>
                              
                               </a>
                               <a href="javasscript:;" class="cont_right">
                                  <span>下载链接</span>
                               </a>
                            </li>
                            {{/each}}
                        </ul>
             
            </div>
    






</script>
<!-- 模板引擎开始 -->

</html>
<script src="lib/zepto/zepto.js"></script>
<script src="lib/arttemplate/template-web.js"></script>
<script src="lib/mui/js/mui.js"></script>
<script src="js/paicai.js"></script>